<template>
    <div class="home-container">
      <h1>Welcome to OSU !</h1>
      <StudentInfo />
    </div>
  </template>
  
  <script setup>
  import StudentInfo from '../components/StudentInfo.vue'
  </script>
  
  <style scoped>
  .home-container {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
  }
  
  h1 {
    text-align: center;
    margin-bottom: 30px;
    color: #2c3e50;
  }
  </style>